/* --------------- 
HELP ME PLEASE! 
I'M TRAPPED INSIDE 
A DIGITAL WORLD!
 ____________
 | (['/\']) |
 |__mm__mm__|
/ ########## \
==============
ascii art by 
steven lee taylor
www.stevenleetaylor.com 
------------- */
* {
	margin: 0;
	padding: 0;
}

header#canvas {
	width: 51.6vh;
	height: 68.5vh;
    background: #eeeeeeff;
}

section,article,figcaption {
	float: left;
}

	article#row-one {
		width: 90%;
		height: 100%;

	}

		section.yellow {
			margin: 9% 9% 0% 9%;
			width: 94%;
			height: 32.5%;
			float: none;
		}

			figure#section-red {
				display: inline-block;
				margin: 8% 8%;
				width: 85%;
				height: 70%;
			}

			figcaption#red-section {
				margin-top: 1.2%;
				margin-left: 1.2%;
				width: 97%;
				height: 21.5%;
			}

		section.red {
			width: 94%;
			height: 5%;
			margin: 0% 9% 0% 9%;
		}
		section.white {
			margin: 7% 9% 0% 9%;
			width: 94%;
			height: 32.5%;
			float: none;
		}

			figure#section-pink {
				display: inline-block;
				margin: 8% 8%;
				width: 85%;
				height: 70%;
			}

			figcaption#pink-section {
				margin-top: 1.2%;
				margin-left: 1.2%;
				width: 97%;
				height: 21.5%;
			}

		section.green {
			width: 94%;
			height: 3%;
			margin: 0% 9% 0% 9%;
		}
		section.blue {
			width: 94%;
			height: 3%;
			margin: 0% 9% 0% 9%;
		}

		section.gray {
			width: 51.6vh;
			height: 7%;
			margin: 11.6% 0% 0% 0%;

		}
		
	

/* CSS COLOR CLASSES */

.red {
	background-color: red;
}
.pink {
	background-color: pink;
}
.orange {
	background-color: orange;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: limegreen;
}
.cyan {
	background-color: cyan;
}
.blue {
	background-color: blue;
}
.gray {
	background-color: grey;
}
.black {
	background-color: black;
}
.white {
	background-color: white;
}
.red:hover {
	background-color: white;
}
.pink:hover {
	background-color: red;
}
.orange:hover {
	background-color: pink;
}
.yellow:hover {
	background-color: orange;
}
.green:hover {
	background-color: yellow;
}
.cyan:hover {
	background-color: limegreen;
}
.blue:hover {
	background-color: cyan;
}
.gray:hover {
	background-color: blue;
}
.black:hover {
	background-color: purple;
}
.white:hover {
	background-color: black;
}